@charset "utf-8";
/* CSS Document */

.ibanner{ height:820px; overflow:hidden; position:relative; z-index:1;}
.ibanner .bd{ width:100vw; position:relative; height:auto; z-index:0;}
.ibanner .bd .tempWrap{ margin:0 auto;}
.ibanner .bd ul,
.ibanner .bd ul li{ width:100% !important;}
.ibanner .bd ul li a{ display:block; height:820px; background-size:cover !important; overflow:hidden; position:relative;}
.ibanner .hd{ width:100%; z-index:1; position:absolute; left:0; bottom:34px;}
.ibanner .hd ul{ display:block; text-align:center; overflow:hidden;}
.ibanner .hd ul li{ display:inline-block; vertical-align:top; width:10px; height:10px; background:#fff; border-radius:5px; margin:0 7px; cursor:pointer; transition:all ease-in-out 0.4s;}
.ibanner .hd ul li.on{ width:60px;}

.main{ display:block; background:none;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:80vw; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; line-height:1; font-size:36px; text-align:center; padding:1.5em 0;}
.ibox h2.title em{ display:block; color:#333; margin:-0.75em 0 0;}
.ibox h2.title span{ display:block; color:rgba(51,51,51,0.1); font-size:2em; font-family:'思源黑体','思源黑体 CN'; text-transform:uppercase;}
.ibox a.more{ display:block; width:11.8em; line-height:2.8; color:#fff; font-size:15px; text-align:center; background:#1f40ba; border-radius:1.4em; overflow:hidden; margin:4.35em auto; clear:both;}
.ibox a.more:hover{ color:#1f40ba; background:#fff;}

.box1{ background:url(../images/icons/bg1.jpg) center no-repeat; background-size:cover;}
.box1 .service{ position:relative; padding:0 0 48px; margin:0 0 60px;}
.box1 .service .swiper-container{ padding:0 0 0 1px;}
.box1 .service .swiper-slide{ display:block; width:25%; font-size:14px; float:left; transition:all ease 0.5s;}
.box1 .service .swiper-slide:nth-child(1)::before1{ content:''; display:block; content:''; width:1px; height:82%; background:#d4d4d4; position:absolute; left:0; top:9%; z-index:1;}
.box1 .service .swiper-slide::after{ content:''; display:block; content:''; width:1px; height:82%; background:#d4d4d4; position:absolute; right:0; top:9%; z-index:1;}
.box1 .service .swiper-slide a{ display:block; overflow:hidden; padding:2.78em 15% 4.65em; position:relative; z-index:3; transition:all ease 0.5s;}
.box1 .service .swiper-slide a em{ display:block; line-height:1.375; color:#ccc; font-size:3.45em; font-weight:bold; font-family:'思源黑体','思源黑体 CN'; transform:skewX(-14deg); transition:all ease 0.5s;}
.box1 .service .swiper-slide a b{ display:block; line-height:4.7; color:#1f40ba; font-size:1.45em; transition:all ease 0.5s;}
.box1 .service .swiper-slide a p{ display:block; height:.5.16em; line-height:1.72; color:#666; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box1 .service .swiper-slide a img{ display:block; width:100%; object-fit:cover; border-radius:0.5em; margin:3em 0 0;}
.box1 .service .swiper-slide:hover a{ background:#1f40ba;}
.box1 .service .swiper-slide:hover a em{ color:#c1cefe;}
.box1 .service .swiper-slide:hover a b{ color:#fff;}
.box1 .service .swiper-slide:hover a p{ color:#c0cdff;}
.box1 .service .swiper-slide:hover a img{ opacity:1;}
.box1 .service .swiper-button-prev,
.box1 .service .swiper-button-next{ width:28px; height:28px; background-size:contain !important; top:auto; bottom:0;}
.box1 .service .swiper-button-prev{ background:#ccc url(../images/icons/prev1.png) center no-repeat; left:50%; margin:0 0 0 -100px;}
.box1 .service .swiper-button-next{ background:#ccc url(../images/icons/next1.png) center no-repeat; right:50%; margin:0 -100px 0 0;}
.box1 .service .swiper-button-prev:hover,
.box1 .service .swiper-button-next:hover{ background-color:#1f40ba;}
.box1 .service .swiper-pagination{ width:auto; height:10px; padding:9px 0; font-size:0; left:50%; bottom:0; transform:translateX(-50%);}
.box1 .service .swiper-pagination-bullet{ vertical-align:top; width:10px; height:10px; background:#ccc; opacity:1; margin:0 8px;}
.box1 .service .swiper-pagination-bullet-active{ background:#1f40ba;}

.box2{ background:url(../images/icons/bg2.jpg) center no-repeat; background-size:cover;}
.box2 .box{ display:flex; align-items:center; font-size:16px;}
.box2 .txt{ line-height:2.375; color:#444; text-align:justify; overflow:hidden;}
.box2 ul{ display:flex; flex-wrap:wrap; flex-shrink:0; width:450px; overflow:hidden; margin-left:4%;}
.box2 ul li{ display:flex; width:33.33%; float:left;}
.box2 ul li a{ display:block; flex:1; background:rgba(255,255,255,0.5); padding:2.375em 0 0.75em; margin:3px;}
.box2 ul li:first-child a{ border-radius:5.375em 0 0 0;}
.box2 ul li:last-child a{ border-radius:0 0 5.375em 0;}
.box2 ul li img{ display:block; height:2em; margin:0 auto;}
.box2 ul li span{ display:block; line-height:3.75; color:#1f40ba; text-align:center;}

.box3{ background:url(../images/icons/bg3.jpg) center no-repeat; background-size:cover;}
.box3 .equip{ position:relative; padding:0 0 72px; margin:0 0 60px;}
.box3 .equip .swiper-slide{ display:block; height:100%; overflow:hidden; position:relative;}
.box3 .equip .swiper-slide a{ display:block; font-size:16px; text-align:center; position:relative; margin:12% 0 5.375em;}
.box3 .equip .swiper-slide a::after{ content:''; display:block; width:3.25em; height:3.25em; background:url(../images/icons/more.png) center no-repeat; background-size:contain; border-radius:50%; position:absolute; left:50%; bottom:0; z-index:5; transform:translate(-50%,5.375em) scale(1); opacity:0; visibility:hidden; transition:all ease 0.5s;}
.box3 .equip .swiper-slide a em{ display:block; background:#000; overflow:hidden; transition:all ease 0.5s;}
.box3 .equip .swiper-slide a img{ display:block; width:100%; object-fit:cover; transition:all ease 0.5s; opacity:0.65;}
.box3 .equip .swiper-slide a span{ display:block; width:100%; line-height:3.375; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all ease 0.5s; position:absolute; left:0; bottom:0; z-index:3;}
.box3 .equip .swiper-slide a:hover::after{ transform:translate(-50%,5.375em) scale(1); opacity:1; visibility:visible;}
.box3 .equip .swiper-slide a:hover em{ transform:translateY(-12%) rotateY(180deg); border:2px solid #1f40ba;}
.box3 .equip .swiper-slide a:hover img{ opacity:1; transform/:scale(1.12);}
.box3 .equip .swiper-slide a:hover span{ color:#1f40ba; font-weight:bold; transform:scale(1.25) translateY(24%);}
.box3 .equip .swiper-slide a p{ display:block; line-height:3; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 1.125em 2.25em;}
.box3 .equip .swiper-button-prev,
.box3 .equip .swiper-button-next{ width:28px; height:28px; background-size:contain !important; top:auto; bottom:0;}
.box3 .equip .swiper-button-prev{ background:#ccc url(../images/icons/prev1.png) center no-repeat; left:50%; margin:0 0 0 -100px;}
.box3 .equip .swiper-button-next{ background:#ccc url(../images/icons/next1.png) center no-repeat; right:50%; margin:0 -100px 0 0;}
.box3 .equip .swiper-button-prev:hover,
.box3 .equip .swiper-button-next:hover{ background-color:#1f40ba;}
.box3 .equip .swiper-pagination{ width:auto; height:10px; padding:9px 0; font-size:0; left:50%; bottom:0; transform:translateX(-50%);}
.box3 .equip .swiper-pagination-bullet{ vertical-align:top; width:10px; height:10px; background:#ccc; opacity:1; margin:0 8px;}
.box3 .equip .swiper-pagination-bullet-active{ background:#1f40ba;}

.box4{ background:url(../images/icons/bg4.jpg) center no-repeat; background-size:cover;}
.box4 h2.title em{ color:#fff;}
.box4 h2.title span{ color:rgba(255,255,255,0.1);}
.box4 ul.list{ display:block; font-size:16px; margin:0 -0.75em;}
.box4 ul.list::after{ content:''; display:block; overflow:hidden; clear:both;}
.box4 ul.list li{ display:block; width:50%; overflow:hidden; float:left;}
.box4 ul.list li .box{ background:#fff; overflow:hidden; padding:0.875em; margin:0.75em; position:relative; transition:all ease 0.5s;}
.box4 ul.list li span{ display:block; width:7.5em; line-height:2; color:#fff; font-size:0.875em; text-align:center; background:#1f40ba; position:absolute; left:0; top:0; z-index:9;}
.box4 ul.list li a.pic{ display:block; overflow:hidden; float:left; margin:0 1.25em 0 0;}
.box4 ul.list li a.pic img{ display:block; width:220px; height:138px; object-fit:cover; transition:all ease 0.5s;}
.box4 ul.list li a.title{ display:block; line-height:3.125; color:#333; font-weight:bold; transition:all ease 0.5s;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.box4 ul.list li p{ display:block; height:3.7em; line-height:1.85; color:#888; font-size:0.8125em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box4 ul.list li a.view{ display:block; line-height:1.85; color:#1f40ba; font-size:0.8125em; float:left; margin:1em 0 0;}
.box4 ul.list li .box:hover{ background:#f6f6f6;}
.box4 ul.list li .box:hover a.pic img{ transform:scale(1.12);}
.box4 ul.list li .box:hover a.title{ color:#1f40ba;}



@media only screen and (max-width:1440px){
.ibox .con{ width:92vw;}
}

@media only screen and (max-width:1300px){
.ibanner,
.ibanner .bd ul li a{ height:60vw;}
.ibox .con{ width:calc(100% - 40px);}
.box3 .equip{ margin-left:20px; margin-right:20px;}
}

@media only screen and (max-width:768px){
.header{ position:relative;}
.ibanner,
.ibanner .bd ul li a{ height:56vw;}
.ibanner .hd{ bottom:16px;}
.ibanner .hd ul{ height:6px;}
.ibanner .hd ul li{ width:6px; height:6px; border-radius:3px; margin:0 3px;}
.ibanner .hd ul li.on{ width:32px;}

.ibox .con{ width:auto; margin:0 12px;}
.ibox h2.title{ font-size:22px;}
.ibox a.more{ font-size:13px; margin:2em auto;}

.box1 .service{ margin:0 0 40px;}
.box1 .service .swiper-slide{ width:100%;}
.box1 .service .swiper-slide::after{ height:100%; top:0;}
.box1 .service .swiper-slide a{ padding:1em 7% 2em;}
.box1 .service .swiper-slide a em{ font-size:3em;}
.box1 .service .swiper-slide a b{ line-height:3;}
.box1 .service .swiper-slide a img{ margin:1.5em 0 0;}
.box1 .service .swiper-pagination-bullet{ margin:0 3px;}
.box1 .service .swiper-button-prev{ margin:0 0 0 -112px;}
.box1 .service .swiper-button-next{ margin:0 -112px 0 0;}

.box2 .box{ display:block; font-size:13.5px;}
.box2 ul{ width:auto; margin:2em 0 0;}
.box2 ul li a{ padding:2em 0 0.5em;}
.box2 ul li:first-child a{ border-radius:4em 0 0 0;}
.box2 ul li:last-child a{ border-radius:0 0 4em 0;}

.box3 .equip{ padding-bottom:48px; margin-bottom:48px;}
.box3 .equip .swiper-slide a{ margin:0 0 0;}
.box3 .equip .swiper-slide a::after{ display:none !important;}
.box3 .equip .swiper-slide a em{ transform:none !important;}
.box3 .equip .swiper-slide a img{ opacity:1;}
.box3 .equip .swiper-slide a span{ color:#1f40ba; font-weight:bold; transform:none; position:static;}
.box3 .equip .swiper-pagination-bullet{ margin:0 3px;}

.box4 ul.list{ font-size:14px;}
.box4 ul.list li{ width:100%;}
.box4 ul.list li .box{ padding:0.7em; margin:0.5em 0.75em;}
.box4 ul.list li a.pic img{ width:140px; height:88px;}
.box4 ul.list li a.title{ line-height:1.7; -webkit-line-clamp:2; margin:0.5em 0 0;}
.box4 ul.list li p{ display:none; margin:-0.5em 0;}
.box4 ul.list li a.view{ margin:0.75em 0 0;}



}





/**/